<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/static/jquery-1.11.3.js"></script>
    <script>
    /*window.onload = function (){
        var btn = document.getElementById("toggle");
        var temp;
        btn.onclick = function(){
            var div = document.getElementById("content");
            var content = div.innerHTML;
            if(content){
                temp = content;
                div.innerHTML='';
            }else{
                div.innerHTML=temp;
            }
        }
    }*/

    $(function (){
        $('#toggle').click(function (){
            $('#content').toggle(3000);
        });
    });
    /*
    1.通过JQ方式获取的页面元素 都是JQ对象
    2.JQ对象是对DOM元素的封装 增强了相关的方法，让开发者更加便利的应用
    3.JQ封装的JS之间不能混用

     */

    </script>
</head>
<body>

<div id="centent">
    自行车v不那么
</div>

<button id="toggle">切换</button>
</body>
</html>